$(function() {
    //点击购物车阻止登录
    $(".btn-cart").on("click", function() {
        layer.msg('您还没有登录,请登录后在操作', {
            icon: 2,
            offset: 't',
            anim: 6
        });
    })

    //首页跳转
    $(".tab-bar-layout .tab").eq(0).on("click", function() {
        $(window).attr('location', './index.html');
    }).siblings().on("click", function() {
        $(window).attr('location', './list.html');
    })

    //tab栏切换
    $(".login-layout .tab").on("click", function() {
        $(this).addClass("active2").siblings().removeClass("active2");
        var $index = $(this).index();

        $(".content").eq($index).addClass("active3").siblings().removeClass("active3");
    })

    //手机号验证
    var tleFlag = false;
    $(".tel").blur(function() {
        var telStr = /^1([38]\d|4[5-9]|5[0-35-9]|6[56]|7[0-8]|9[189])\d{8}$/;
        var inputStr = $(".tel").prop("value");
        if (inputStr == "") {
            $(".shoJi").html('请输入手机号').css("color", "red");
            tleFlag = false;
            return;
        }
        if (!(telStr.test(inputStr))) {
            $(".shoJi").html('请输入正确的手机号').css("color", "red");
            tleFlag = false;
        } else {
            $(".shoJi").html('手机号正确').css("color", "#999");
            tleFlag = true;
        }
    })

    //图形验证
    var yanZenFlag = false;
    var verifyCode = new GVerify("v_container");
    $("#yan").blur(function() {
        var res = verifyCode.validate(document.getElementById("yan").value);
        if ($("#yan").prop("value") == "") {
            $(".tuXng").html('请输入验证码').css("color", "red");
            yanZenFlag = false;
            return;
        }
        if (res) {
            $(".tuXng").html("验证码正确").css("color", "#999")
            yanZenFlag = true;
        } else {
            $(".tuXng").html("验证码错误").css("color", "red")
            yanZenFlag = false;
        }
        // verifyCode.refresh()
    })

    //跳转注册点击事件
    $(".zhu").on("click", function() {
        $(window).attr('location', './register.html');
    })

    $(".btn1").on("click", function() {
        if (!tleFlag) {
            layer.alert('请检查手机号是否有误', {
                icon: 5,
                title: "登录失败"
            })
        } else if (!yanZenFlag) {
            layer.alert('请检查验证码是否正确', {
                icon: 5,
                title: "登录失败"
            })
        } else {
            let list = {
                utel: $(".tel").prop("value"),
                upwd: $(".upwd").prop("value")
            }
            $.ajax({
                url: "./api/login",
                data: list,
                type: "post"
            }).then(function(res) {
                //本地存储
                //cookie
                if (res.status == 1) {
                    $.cookie("logoInfo", JSON.stringify(res.data), {
                        expires: 10
                    });
                    layer.msg("登录成功!", {
                        icon: 6
                    });
                    setTimeout(function() {
                        $(window).attr('location', './index.html');
                    }, 2000)
                } else {
                    layer.msg("登录失败!,手机号或密码错误", {
                        icon: 5
                    });
                }
            })
        }
    })

    $(".btn2").on("click", function() {

        let list = {
            utel: $(".uname").prop("value"),
            upwd: $(".pwd1").prop("value")
        }
        $.ajax({
            url: "./api/login",
            data: list,
            type: "post"
        }).then(function(res) {
            //本地存储
            //cookie
            if (res.status == 1) {
                $.cookie("logoInfo", JSON.stringify(res.data), {
                    expires: 10
                });
                layer.msg("登录成功!", {
                    icon: 6
                });
                setTimeout(function() {
                    $(window).attr('location', './index.html');
                }, 2000)
            } else {
                layer.msg("登录失败!,用户名或密码错误", {
                    icon: 5
                });
            }
        })
    })
})